<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>技术支持 - 优科曼</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="shortcut icon" href="./favicon.ico">
	<script src="libs/modernizr.custom.js"></script>
	<script src="libs/prefixfree.js"></script>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="bloc">
		<div id="nav-dialog" class="dialog dialogDown">
		    <div class="dialog_mask"></div>
		    <div class="dialog_content">
		        <ul class="nav-item scroll-animate father" data-child="li" data-effect="fadeInDownSmall" data-delay=".04">
		            <li class="on animated fadeInDownSmall"  style="animation-delay: 0s">
		                <a href="index.html" class="transi">首页</a>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.04s">
		                <a class="transi">产品中心</a>
		                <ol class="transi">
		                	<li><a href="dishwasher_series.html">洗碗机系列</a></li>
		                    <li><a href="system.html">配套体系</a></li>
		                </ol>
		            </li>
					<li class="animated fadeInDownSmall"  style="animation-delay: 0.08s">
		                <a class="transi">企业动态</a>
						<ol class="transi">
							<li><a href="brand.html">品牌介绍</a></li>
							<li><a href="news.html">新闻动态</a></li>
					   </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.12s">
		                <a class="transi" >城市合伙人</a>
		                <ol class="transi">
		                    <li><a href="join.html">加入我们</a></li>
		                    <li><a href="network.html">零售网点</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.16s">
		                <a class="transi">工程师团队</a>
		                <ol class="transi">
		                    <li><a href="fame.html">名人堂</a></li>
		                    <li><a href="support.html">技术支持</a></li>
		                </ol>
		            </li>
		            <li class="animated fadeInDownSmall"  style="animation-delay: 0.20s">
		                <a class="transi" >联系我们</a>
		                <ol class="transi">
		                    <li><a href="consultation.html">咨询服务</a></li>
		                    <li><a href="rent.html">租赁服务</a></li>
		                </ol>
		            </li>
		        </ul>
		    </div>
		</div>
		<header>
		 <div class="max-wid">
	        <a href="index.html" class="iconfont wc f-28 logo"><img src="images/logo1.png" alt="">
	        	<img style="opacity: 0;position: absolute;left: 0;top: calc(50% - 14px);" src="images/logo2.png" alt=""></a>
	        <!--<div id="language" class="flex wc">
	            <a class="cn wc on f-bold">中</a><span>/</span><a class="en wc en-b">EN</a>
	        </div>-->
	        <nav class="pc-nav pc">
	            <div id="nav-box">
	                <div class="log-in">
	                    <span class="ml-48 searchGo pc" style="cursor: pointer;display: inline-block;">
	                        <a class="iconfont search-show" style="margin: 0 4px;"><img src="images/sel1.png" alt=""><img src="images/sel2.png" alt=""></a>
	                        <a class="iconfont search-close" style="margin: 0 4px;font-size: 24px;color: #fff">x</a>
	                        <div class="search-box">
	                            <i class="iconfont wc mr-8" style="vertical-align: baseline;"><img src="images/sel1.png" alt=""></i>
	                            <input type="text" id='search-txt' placeholder="搜索...">
	                            <div class="line-box">
	                                <h5>快速链接</h5>
	                                <div><a href="javascript:;">美乐水精灵</a></div>
	                                <div><a href="javascript:;">美乐水管家</a></div>
	                                <div><a href="javascript:;">台下超滤净水器</a></div>
	                                <div><a href="javascript:;">大流量反渗透系统</a></div>
	                                <div><a href="javascript:;">确认过眼神，你是我想要的人</a></div>
	                            </div>
	                        </div>
	                    </span>
	                    <a class="pc ml-12 pr music-set" style="cursor: pointer;position: relative;">
	                        <img src="images/music1.png" alt="">
	                        <img src="images/music2.png" alt="">
	                        <span></span>
	                    </a>
	                </div>
	                <span  class="flex enter go-menu">
	                    <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                         width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
	                         xml:space="preserve">
	                        <g>
	                            <defs>
	                                <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                            </defs>
	                            <clipPath id="SVGID_2_">
	                                <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                            </clipPath>

	                            <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                            <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                            <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	    M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                        </g>
	                    </svg>
	                    <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                      <path class="line" d="M 34,32 L 66,68" />
	                      <path class="line" d="M 66,32 L 34,68" />
	                    </svg>
	                </span>
	            </div>
	        </nav>
	        <nav class='app-nav app'>
	            <a class="getAppNav">
	                <svg version="1.1" id="bur" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     width="768.637px" height="650.717px" viewBox="0 0 768.637 650.717" enable-background="new 0 0 768.637 650.717"
                     xml:space="preserve">
	                    <g>
	                        <defs>
	                            <rect id="SVGID_1_" width="768.637" height="650.717"/>
	                        </defs>
	                        <clipPath id="SVGID_2_">
	                            <use xlink:href="#SVGID_1_"  overflow="visible"/>
	                        </clipPath>

	                        <path class="l1" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,98.89c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>

	                        <path class="l2" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,325.358c0,0,123.738-123.055,340.119,0c216.381,123.056,340.118,0,340.118,0"/>

	                        <path class="l3" clip-path="url(#SVGID_2_)" fill="none" stroke="#898989" stroke-width="88.398" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
	M44.199,551.827c0,0,123.738-123.055,340.119,0c216.381,123.054,340.118,0,340.118,0"/>
	                    </g>
	                </svg>
	                <svg class="x" version="1.1" height="100" width="100" viewBox="0 0 100 100">
	                  <path class="line" d="M 34,32 L 66,68" />
	                  <path class="line" d="M 66,32 L 34,68" />
	                </svg>
	            </a>
	            <ol class='scroll-animate father' data-child='.alan' data-effect='fadeInRightSmall' data-hideAni='fadeOutRightSmall' data-delay='0.08s' data-width='1'>
	                <li class="alan"><a href="index.html">首页</a></li>
	                <li class="alan child-Down">
	                    <a>产品中心</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                         <a href="dishwasher_parts.html">洗碗机配件</a>
		                     <a href="system.html">配套体系</a>
		                     <a href="dishwasher_series.html">洗碗机系列</a>
	                    </div>
	                </li>
	                <li class="alan"><a href="brand.html">品牌介绍</a></li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                        <a href="join.html">加入我们</a>
		                    <a href="network.html">零售网点</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                	<a>工程师团队</a>
	                	<div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="fame.html">名人堂</a>
		                   <a href="support.html">技术支持</a>
	                    </div>
	                </li>
	                <li class="alan child-Down">
	                    <a>城市合伙人</a>
	                    <div class="app-down scroll-animate father" data-child='a' data-effect='fadeInRightSmall' data-delay='0.08s'>
	                       <a href="consultation.html">咨询服务</a>
		                    <a href="rent.html">租赁服务</a>
	                    </div>
	                </li>
	            </ol>
	        </nav>
	    </div>
	</header>
	
	<article id="support">
		<section id="top">
			<div class="banner">
				<img src="images/support_banner.jpg" alt="" style="animation: banner-scale 10.5s linear 1 forwards;">
				<img src="images/support_banner2.jpg" alt="" style="animation: banner-scale 10.5s linear 1 forwards;">
				<div class="txt">
					<span><em>TECHNICAL</em>&nbsp;&nbsp;SUPPORT</span>
					技 术 支 持
				</div>
			</div>
		</section>
		<section class="wraps ">
			<div class="wrap1 use_wrap" style="background: #191919;">
				<div class="container">
					<div class="line"></div>
					<div class="title">
						预约<strong>安装</strong>
					</div>
					<div class="app-progress">
                    
						<div class="app-begin"><i class="iconfont"><img src="images/support_start.png" alt=""></i><span>Start</span></div>
                        
                    
						<div class="seamless-grid-container">

							<div class="seamless-grid clearfix">

								<div class="seamless-col-1-5">
									<div class="content">
								       	<i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									    <i class="iconfont" style="position: relative;"><img src="images/support_icon1_1.png" alt=""><img src="images/support_icon1_2.png" alt=""></i>
										<h3>购买产品</h3>
										<p>通过线上线下渠道购买水美乐产品</p>
										<strong>step</strong>
										<em>01</em>
									    <i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									</div>
								</div>
								
								<div class="seamless-col-1-5">
									<div class="content">
									    <i class="iconfont" style="position: relative;"><img src="images/support_icon2_1.png" alt=""><img src="images/support_icon2_2.png" alt=""></i>
										<h3>联系客服</h3>
										<p>收到产品后联系客服预约上门安装时间</p>
										<strong>step</strong>
										<em>02</em>
									    <i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									</div>
								</div>
								
								<div class="seamless-col-1-5">
									<div class="content">
									    <i class="iconfont" style="position: relative;"><img src="images/support_icon3_1.png" alt=""><img src="images/support_icon3_2.png" alt=""></i>
										<h3>上门安装</h3>
										<p>安装师傅上门安装</p>
										<strong>step</strong>
										<em>03</em>
									   <i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									</div>
								</div>
								
								<div class="seamless-col-1-5">
									<div class="content">
									    <i class="iconfont" style="position: relative;"><img src="images/support_icon4_1.png" alt=""><img src="images/support_icon4_2.png" alt=""></i>
										<h3>客服回访</h3>
										<p>客服专员电话回访终端客户满意度</p>
										<strong>step</strong>
										<em>04</em>
									   <i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									</div>
								</div>
														
								<div class="seamless-col-1-5">
									<div class="content">
									    <i class="iconfont" style="position: relative;"><img src="images/support_icon5_1.png" alt=""><img src="images/support_icon5_2.png" alt=""></i>
										<h3>建立资料</h3>
										<p>建立客户资料定期回访及换芯提醒等服务</p>
										<strong>step</strong>
										<em>05</em>
									   <i class="fa fa-ellipsis-h"><img src="images/dian2.png" alt=""></i>
									</div>
								</div>
							</div>
						</div>
			            <div class="app-end"><i class="iconfont"><img src="images/support_end.png" alt=""></i><span>end</span></div>
				    </div>
					<p class="font-sub-p t-c">
					7*24小时服务热线：400-860-2580<br>
					安装保养、售后维修、文档共享，无论您遇到任何问题，我们都将随时为您提供服务。
				    </p>
				</div>
			</div>
			<div class="wrap2">
				<div class="clearfix" >
					<img src="images/support_img1.jpg" alt="" style="float: left;">
					<div class="txt txt1 transi"  style="float: right;">
						<p class="eng transi">TOP EQUIPMENT<br>SHOWCASING <br>CRAFTSMANSHIP</p>
						<p class="ch">顶尖设备<br>展现精湛工艺</p>
						<p class="t transi">致力于每一个细节，宁波作为2025中国智造试点城市，我们严格按照工业4.0标准落实到每一道程序，不放过一颗螺丝螺帽。</p>
					</div>
				</div>
				<div class="clearfix" >
					<img src="images/support_img2.jpg" alt="" style="float: right;">
					<div class="txt txt2 transi"  style="float: left;">
						<p class="eng transi" >QUALITY <br>ASSURANCE</p>
						<p class="ch">品质保障</p>
						<p class="t transi" >为保证产品性能与质量的稳定，公司引进国内外先进的加工设备，包括数控激光切割机、AMADA数控冲床等等，公司具有强大的研发能力，作为宁波高新技术企业，在德国开设研发中心，获得100多项专利。</p>
					</div>
				</div>
			</div>
			<div class="use_wrap wrap3">
				<div class="container">
					<div class="line"></div>
					<div class="title">
						无忧<strong>购物</strong>
					</div>
					<div class="con">
						<ul class="clearfix">
							<li>
								<img src="images/support_icon6_1.jpg" alt="">
								<img src="images/support_icon6_2.jpg" alt="">
								<div>
									<p>快速响应服务</p>
									<p>从接到投诉起，2H专业工程师快速响应，48H确认处理方案。</p>
								</div>
							</li>
							<li>
								<img src="images/support_icon7_1.jpg" alt="">
								<img src="images/support_icon7_2.jpg" alt="">
								<div>
									<p>关于售后维修</p>
									<p>自购买之日起，仅使用本公司提供清洁剂，享受免费测量、免费培训和不定期上门巡检。</p>
								</div>
							</li>
							<li>
								<img src="images/support_icon8_1.jpg" alt="">
								<img src="images/support_icon8_2.jpg" alt="">
								<div>
									<p>整机保修3年</p>
									<p>自购买之日起，产品在正常使用情况下，整机保修3年。</p>
								</div>
							</li>
							<li>
								<img src="images/support_icon9_1.jpg" alt="">
								<img src="images/support_icon9_2.jpg" alt="">
								<div>
									<p>退换货标准</p>
									<p>自您收到商品之日起7日内享受无理由退换货，详细标准如下。</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	</article>
	<footer class="footer">
		<div class="container clearfix">
			<div class="foot-nav fr">
	            <a href="network.html">零售网点</a><em>/</em><a href="support.html">技术支持</a><em>/</em><a href="join.html">加入我们</a><a class="wx iconfont f-20" href="javascript:;"><img src="images/wx1.png" alt=""><img src="images/wx2.png" style="margin-left: -22px;opacity: 0" alt=""><span class="wx_ewm"><img src="images/ewm.jpg" alt=""></span></a>
	        </div>
			<span class="fl">@Copyright 2019 Ucomen All Rights Reserved</span>
	        <div id="goTop"><img src="images/up.png" alt=""></div>
        </div>
	</footer>
	<audio src="audio/sound.wav" id="sound" autoplay loop></audio>
</div>

<script src="libs/jquery3.3.1.js"></script>
<script src="libs/jquery.easing.min.js"></script>
<script src="libs/main.js"></script>
<script src="libs/jquery.aniview.min.js"></script>	
<script src="libs/TweenMax.min.js"></script>
<script src="libs/anime.js"></script>
<script src="libs/jquery.scrollify.js"></script>
<script src="js/pixi.js"></script>
<script src="libs/perlin.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
<script src="libs/base.js"></script>
<script src="libs/jquery.mousewheel.min.js"></script>
<script src="libs/smooth.js"></script>
<script src="libs/app.js"></script>
<script>
	$(document).ready(function() {
		var w = $(window).width();
		if (w>800) {
			$('#support .wrap2 .txt').each(function(index, el) {
				$this = $(this);
				$this.css('height', $this.prev("img").css('height'));
			});
		}
	});
</script>
</body>
</html>